<!DOCTYPE HTML>
<html lang="zh-CN">


<head>
    <meta charset="utf-8">
    <meta name="keywords" content="归档: 2021/12, AI 机器学习 深度学习 计算机视觉 数据科学">
    <meta name="description" content="分享技术，分享生活">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit|ie-stand|ie-comp">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="baidu-site-verification" content="code-8VjAnGhv8m" />
    <meta name="google-site-verification" content="An02eAw6rCWBVutF85tRr02GvZox5D4Pqd9PKFRzvBs" />
    <!-- Global site tag (gtag.js) - Google Analytics -->


    <title>归档: 2021/12 | 韩其凯的个人站点</title>
    
    <script>
        // 隐藏
        //右键
        // document.oncontextmenu = function (event){
        //     if(window.event){
        //     event = window.event;
        //     }try{
        //     var the = event.srcElement;
        //     if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
        //     return false;
        //     }
        //     return true;
        //     }catch (e){
        //     return false;
        //     }
        // }

        //debugger部分
            // setInterval(function() {
            // check();
            // }, 500);
            // var check = function() {
            //     function doCheck(a) {
            //     if (('' + a / a)['length'] !== 1 || a % 20 === 0) {
            //         (function() {}['constructor']('debugger')());
            //     } else {
            //         (function() {}['constructor']('debugger')());
            //     }
            //     doCheck(++a);
            //     }
            //     try {
            //     doCheck(0);
            //     } catch (err) {}
            // };
            // check();

            // ctrl+s保存
            // document.onkeydown = function() {
            //     if ((e.ctrlKey) && (e.keyCode == 83)) { //ctrl+s
            //         return false;
            //     }
            // }
            // window.addEventListener("keydown", function(e) {
            //     //可以判断是不是mac，如果是mac,ctrl变为花键
            //     //event.preventDefault() 方法阻止元素发生默认的行为。
            //     if((e.key=='s'||e.key=='S')&&(navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)){
            //         e.preventDefault();
            //     }
            // }, false);
            // F12
            // document.onkeydown = function(){
            //     if(window.event && window.event.keyCode == 123) {
            //         event.keyCode=0;
            //         event.returnValue=false;
            //     }
            //     if(window.event && window.event.keyCode == 13) {
            //         window.event.keyCode = 505;
            //     }
            //     if(window.event && window.event.keyCode == 8) {
            //         window.event.returnValue=false;
            //     }
            // }
        //宽高
        // var threshold = 160; // 打开控制台的宽或高阈值  
        // // 每秒检查一次  
        // window.setInterval(function() {  
        //     if (window.outerWidth - window.innerWidth > threshold ||   
        //     window.outerHeight - window.innerHeight > threshold) {  
        //         // 如果打开控制台，则刷新页面  
        //         window.location.reload();  
        //     }  
        // }, 1e3);

        //debug调试时跳转页面
        // var element = new Image();
        // Object.defineProperty(element,'id',{get:function(){window.location.href="/tenfour/homepage/"}});
        // console.log(element);
    </script>
    
    <link rel="icon" type="image/png" href="/medias/logo.webp">

    <link rel="stylesheet" type="text/css" href="/libs/awesome/css/all.css">
    <link rel="stylesheet" type="text/css" href="/libs/materialize/materialize.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/aos/aos.css">
    <link rel="stylesheet" type="text/css" href="/libs/animate/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/lightGallery/css/lightgallery.min.css">
    <link rel="stylesheet" type="text/css" href="/css/matery.css">
    <link rel="stylesheet" type="text/css" href="/css/my.css">
    <link type='text/css' rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"/>
    
    <script src="/libs/jquery/jquery.min.js"></script>
    <!-- <script src="/js/foropensource.js"></script> -->
    <script>
        (function(){
            var bp = document.createElement('script');
            var curProtocol = window.location.protocol.split(':')[0];
            if (curProtocol === 'https'){
           bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
          }
          else{
          bp.src = 'http://push.zhanzhang.baidu.com/push.js';
          }
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(bp, s);
        })();
    </script>
<meta name="generator" content="Hexo 5.0.2"><link rel="alternate" href="/atom.xml" title="韩其凯的个人站点" type="application/atom+xml">
<link rel="stylesheet" href="/css/prism-tomorrow.css" type="text/css"></head>


<!-- 提示：若要开启春节或者圣诞主题样式，直接给body标签添加一个class为
class="themespring" -->
<body>
    <!-- 网站全局深色模式设置开始 -->
    <script>
        if (localStorage.getItem('dark') === '1') {
        document.body.classList.add('dark');
        }
        //  else if (new Date().getHours() >= 22 || new Date().getHours() < 7) {
        // document.body.classList.add('dark');
        // } 
        else if (matchMedia('(prefers-color-scheme: dark)').matches) {
        document.body.classList.add('dark');
        }
    </script>
    <a onclick="switchNightMode()" id="sma">
        <i class="fa fa-moon-o" id="nightMode" aria-hidden="true"></i>
    </a>
    <!-- 网站全局深色模式设置结束 -->

    <!-- 网站主题切换模式开始 -->
    <!-- 中国节日按钮开始 -->
    <script>
        if (localStorage.getItem('themespring') === '1') {
            document.body.classList.add('themespring');
        }
        else if (matchMedia('(prefers-color-scheme: themespring)').matches) {
            document.body.classList.add('themespring');
        }
    </script>
    <div onclick="switchSpringThemes()" id="switchspring">
        <img class="chunjiepic" src="/medias/spring-img/denglong.png" title="春节主题" />
    </div>
    <!-- 中国节日按钮结束  -->
    <!-- 网站主题切换模式结束 -->

    <!-- header模块开始 -->
<header class="navbar-fixed" id="header-active">
    <nav id="headNav" class="bg-color nav-transparent">
        <div id="navContainer" class="nav-wrapper container">
            <div class="brand-logo">
                <a href="/" class="waves-effect waves-light">
                    
                    <img src="/medias/logo.webp" class="logo-img" alt="LOGO">
                    
                    <!-- 大屏幕下logo字体 -->
                    <span class="bigwidth">itsNeko-openSource-Blog</span>
                    <!-- 小屏幕下logo字体 -->
                    <span class="smallwidth">itsNeko</span>
                </a>
            </div>
            

<a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fas fa-bars"></i></a>
<ul class="right nav-menu">
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/" class="waves-effect waves-light">
      
      <span>首页</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/categories" class="waves-effect waves-light">
      
      <span>分类</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="javascript:;" class="waves-effect waves-light">

      
      <span>归档</span>
      <i class="fas fa-chevron-down" aria-hidden="true" style="zoom: 0.6;"></i>
    </a>
    <ul class="sub-nav menus_item_child ">
      
      <li>
        <a href="/tags">
          
          <span>标签</span>
        </a>
      </li>
      
      <li>
        <a href="/archives">
          
          <span>日历</span>
        </a>
      </li>
      
      <li>
        <a href="/count">
          
          <span>统计</span>
        </a>
      </li>
      
      <!-- 波浪wave条 -->
      <div class="wavelineerji">
        <style>
          .wavelineerji {
            background: url(/medias/wave.png) 0 0 repeat-x;
            height: 3px;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: -3px;
            background-size: 10px 3px;
            transform: rotate(180deg);
          }
        </style>
      </div>
    </ul>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/about" class="waves-effect waves-light">
      
      <span>关于</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="javascript:;" class="waves-effect waves-light">

      
      <span>清单</span>
      <i class="fas fa-chevron-down" aria-hidden="true" style="zoom: 0.6;"></i>
    </a>
    <ul class="sub-nav menus_item_child ">
      
      <li>
        <a href="/videos">
          
          <span>vlog</span>
        </a>
      </li>
      
      <li>
        <a href="/musics">
          
          <span>music</span>
        </a>
      </li>
      
      <li>
        <a href="/gallery">
          
          <span>相册</span>
        </a>
      </li>
      
      <li>
        <a href="/books">
          
          <span>书单</span>
        </a>
      </li>
      
      <!-- 波浪wave条 -->
      <div class="wavelineerji">
        <style>
          .wavelineerji {
            background: url(/medias/wave.png) 0 0 repeat-x;
            height: 3px;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: -3px;
            background-size: 10px 3px;
            transform: rotate(180deg);
          }
        </style>
      </div>
    </ul>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/contact" class="waves-effect waves-light">
      
      <span>留言板</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="javascript:;" class="waves-effect waves-light">

      
      <span>链接库</span>
      <i class="fas fa-chevron-down" aria-hidden="true" style="zoom: 0.6;"></i>
    </a>
    <ul class="sub-nav menus_item_child ">
      
      <li>
        <a href="/friends">
          
          <span>友情链接</span>
        </a>
      </li>
      
      <li>
        <a href="/collection">
          
          <span>网址收藏</span>
        </a>
      </li>
      
      <li>
        <a href="/project">
          
          <span>实战项目</span>
        </a>
      </li>
      
      <li>
        <a href="/donate">
          
          <span>打赏记录</span>
        </a>
      </li>
      
      <!-- 波浪wave条 -->
      <div class="wavelineerji">
        <style>
          .wavelineerji {
            background: url(/medias/wave.png) 0 0 repeat-x;
            height: 3px;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: -3px;
            background-size: 10px 3px;
            transform: rotate(180deg);
          }
        </style>
      </div>
    </ul>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="javascript:;" class="waves-effect waves-light">

      
      <span>实验室</span>
      <i class="fas fa-chevron-down" aria-hidden="true" style="zoom: 0.6;"></i>
    </a>
    <ul class="sub-nav menus_item_child ">
      
      <li>
        <a href="/ticktack">
          
          <span>ticktack</span>
        </a>
      </li>
      
      <li>
        <a href="/vote">
          
          <span>opensource</span>
        </a>
      </li>
      
      <!-- 波浪wave条 -->
      <div class="wavelineerji">
        <style>
          .wavelineerji {
            background: url(/medias/wave.png) 0 0 repeat-x;
            height: 3px;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: -3px;
            background-size: 10px 3px;
            transform: rotate(180deg);
          }
        </style>
      </div>
    </ul>
    
  </li>
  
  <li>
    <a href="#searchModal" class="modal-trigger waves-effect waves-light">
      <i id="searchIcon" class="fas fa-search" title="搜索" style="zoom: 0.85;"></i>
    </a>
  </li>
</ul>


<div id="mobile-nav" class="side-nav sidenav">

    <div class="mobile-head bg-color">
        
        <img src="/medias/logo.webp" class="logo-img circle responsive-img">
        
        <div class="logo-name">韩其凯的个人站点</div>
        <div class="logo-desc">
            
            分享技术，分享生活
            
        </div>
    </div>

    

    <ul class="menu-list mobile-menu-list">
        
        <li class="m-nav-item">
	  
		<a href="/" class="waves-effect waves-light">
			
				<i class="fas fa-fw"></i>
			
			首页
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/categories" class="waves-effect waves-light">
			
				<i class="fas fa-fw"></i>
			
			分类
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="javascript:;">
			
				<i class="fas fa-fw"></i>
			
			归档
			<span class="m-icon"><i class="fas fa-chevron-right"></i></span>
		</a>
            <ul  style="background:  ;" >
              
                <li>

                  <a href="/tags " style="margin-left:75px">
				  
		          <span>标签</span>
                  </a>
                </li>
              
                <li>

                  <a href="/archives " style="margin-left:75px">
				  
		          <span>日历</span>
                  </a>
                </li>
              
                <li>

                  <a href="/count " style="margin-left:75px">
				  
		          <span>统计</span>
                  </a>
                </li>
              
            </ul>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/about" class="waves-effect waves-light">
			
				<i class="fas fa-fw"></i>
			
			关于
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="javascript:;">
			
				<i class="fas fa-fw"></i>
			
			清单
			<span class="m-icon"><i class="fas fa-chevron-right"></i></span>
		</a>
            <ul  style="background:  ;" >
              
                <li>

                  <a href="/videos " style="margin-left:75px">
				  
		          <span>vlog</span>
                  </a>
                </li>
              
                <li>

                  <a href="/musics " style="margin-left:75px">
				  
		          <span>music</span>
                  </a>
                </li>
              
                <li>

                  <a href="/gallery " style="margin-left:75px">
				  
		          <span>相册</span>
                  </a>
                </li>
              
                <li>

                  <a href="/books " style="margin-left:75px">
				  
		          <span>书单</span>
                  </a>
                </li>
              
            </ul>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/contact" class="waves-effect waves-light">
			
				<i class="fas fa-fw"></i>
			
			留言板
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="javascript:;">
			
				<i class="fas fa-fw"></i>
			
			链接库
			<span class="m-icon"><i class="fas fa-chevron-right"></i></span>
		</a>
            <ul  style="background:  ;" >
              
                <li>

                  <a href="/friends " style="margin-left:75px">
				  
		          <span>友情链接</span>
                  </a>
                </li>
              
                <li>

                  <a href="/collection " style="margin-left:75px">
				  
		          <span>网址收藏</span>
                  </a>
                </li>
              
                <li>

                  <a href="/project " style="margin-left:75px">
				  
		          <span>实战项目</span>
                  </a>
                </li>
              
                <li>

                  <a href="/donate " style="margin-left:75px">
				  
		          <span>打赏记录</span>
                  </a>
                </li>
              
            </ul>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="javascript:;">
			
				<i class="fas fa-fw"></i>
			
			实验室
			<span class="m-icon"><i class="fas fa-chevron-right"></i></span>
		</a>
            <ul  style="background:  ;" >
              
                <li>

                  <a href="/ticktack " style="margin-left:75px">
				  
		          <span>ticktack</span>
                  </a>
                </li>
              
                <li>

                  <a href="/vote " style="margin-left:75px">
				  
		          <span>opensource</span>
                  </a>
                </li>
              
            </ul>
          
        </li>
        
        
    </ul>
</div>


        </div>
        <style>
          .brand-logo .waves-effect {
            font-size: 24px;
            font-style: oblique;
            color: #fadca6;
          }
        </style>
        
        
    </nav>
</header>
<!-- header模块结束 -->

<!-- 春节主题模式样式开始 -->
<style>
    .denglong {
        display: none;
    }
    body.themespring .denglong {
        display: block;
    }
    @media only screen and (min-width: 1124px) {
        .nav-menu {
            padding-right: 0px;
        }
        body.themespring .nav-menu {
            padding-right: 96px;
        }
    }
    @media only screen and (max-width: 760px) {
        .deng-box, .deng-box1 {
            width: 40%;
        }
        body.themespring .right {
            float: left!important;
        }
    }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .right {
            float: left!important;
        }
    }
    .deng-box {
        position: fixed;
        top: -40px;
        right: -20px;
        z-index: 999;
    }
    .deng-box1 {
        position: fixed;
        top: -30px;
        right: 10px;
        z-index: 999;
    }
    .deng-box1 .deng {
        position: relative;
        width: 120px;
        height: 90px;
        margin: 50px;
        background: #d8000f;
        background: rgba(216, 0, 15, 0.8);
        border-radius: 50% 50%;
        -webkit-transform-origin: 50% -100px;
        -webkit-animation: swing 5s infinite ease-in-out;
        box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1);
    }
    .deng {
        position: relative;
        width: 120px;
        height: 90px;
        margin: 50px;
        background: #d8000f;
        background: rgba(216, 0, 15, 0.8);
        border-radius: 50% 50%;
        -webkit-transform-origin: 50% -100px;
        -webkit-animation: swing 3s infinite ease-in-out;
        box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);
    }
    .deng-a {
        width: 100px;
        height: 90px;
        background: #d8000f;
        background: rgba(216, 0, 15, 0.1);
        margin: 12px 8px 8px 10px;
        border-radius: 50% 50%;
        border: 2px solid #dc8f03;
    }
    .deng-b {
        width: 45px;
        height: 90px;
        background: #d8000f;
        background: rgba(216, 0, 15, 0.1);
        margin: -4px 8px 8px 26px;
        border-radius: 50% 50%;
        border: 2px solid #dc8f03;
    }
    .xian {
        position: absolute;
        top: -20px;
        left: 60px;
        width: 2px;
        height: 20px;
        background: #dc8f03;
    }
    .shui-a {
        position: relative;
        width: 5px;
        height: 20px;
        margin: -5px 0 0 59px;
        -webkit-animation: swing 4s infinite ease-in-out;
        -webkit-transform-origin: 50% -45px;
        background: #ffa500;
        border-radius: 0 0 5px 5px;
    }
    .shui-b {
        position: absolute;
        top: 14px;
        left: -2px;
        width: 10px;
        height: 10px;
        background: #dc8f03;
        border-radius: 50%;
    }
    .shui-c {
        position: absolute;
        top: 18px;
        left: -2px;
        width: 10px;
        height: 35px;
        background: #ffa500;
        border-radius: 0 0 0 5px;
    }
    .deng:before {
        position: absolute;
        top: -7px;
        left: 29px;
        height: 12px;
        width: 60px;
        content: " ";
        display: block;
        z-index: 999;
        border-radius: 5px 5px 0 0;
        border: solid 1px #dc8f03;
        background: #ffa500;
        background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
    }
    .deng:after {
        position: absolute;
        bottom: -7px;
        left: 10px;
        height: 12px;
        width: 60px;
        content: " ";
        display: block;
        margin-left: 20px;
        border-radius: 0 0 5px 5px;
        border: solid 1px #dc8f03;
        background: #ffa500;
        background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
    }
    @font-face {
        font-family: "华文行楷";
        src: url('/fonts/华文行楷.ttf');
    }
    .deng-t {
        font-family: 华文行楷;
        font-size: 26px;
        color: #dc8f03;
        font-weight: bold;
        line-height: 44px;
        text-align: center;
    }
    .night .deng-t,
    .night .deng-box,
    .night .deng-box1 {
        background: transparent !important;
    }
    @-moz-keyframes swing {
        0% {
                -moz-transform: rotate(-10deg)
        }
        50% {
             -moz-transform: rotate(10deg)
        }
        100% {
                -moz-transform: rotate(-10deg)
        }
    }
    @-webkit-keyframes swing {
        0% {
                -webkit-transform: rotate(-10deg)
        }
        50% {
                -webkit-transform: rotate(10deg)
        }
        100% {
                -webkit-transform: rotate(-10deg)
        }
    }
</style>
<div class="denglong">
    <div class="deng-box">
        <div class="deng">
            <div class="xian"></div>
            <div class="deng-a">
                <div class="deng-b"><div class="deng-t" id="dtone">喜迎</div></div>
            </div>
            <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
        </div>
    </div>
    <div class="deng-box1">
        <div class="deng">
            <div class="xian"></div>
            <div class="deng-a">
                <div class="deng-b"><div class="deng-t" id="dttwo">春节</div></div>
            </div>
            <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
        </div>
    </div>
</div>
<!-- 春节主题模式样式结束 -->

    <div class="bg-cover pd-header about-cover">
    <div class="container">
        <div class="row">
    <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
        <div class="brand">
            <div class="title center-align">
                
                    
                 
            </div>

            <div class="description center-align">
                
                <span id="subtitle"></span>
                <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
                <script>
                    var typed = new Typed("#subtitle", {
                        strings: ['征途漫漫，惟有奋斗；不忘初心，牢记使命。',''],
                        startDelay: 200,
                        typeSpeed: 120,
                        loop: true,
                        backSpeed: 50,
                        showCursor: true
                    });
                </script>
                
            </div>
        </div>
    </div>
</div>


<script>
    // 每天切换 banner 图.  Switch banner image every day.
    var bannerUrl = "/medias/banner/" + new Date().getDay() + '.jpg';
    $('.bg-cover').css('background-image', 'url(' + bannerUrl + ')');
</script>


    </div>
    <div class="mohuxiaoguo"></div>
</div>


<style>
    #sma {
        bottom: 155px;
    }
    .bg-cover::before {
        background-image: url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/grid.png);
    }
    #switchspring {
        bottom: 223px;
    }
</style>
<main class="content">

    
    <div class="container archive-calendar">
    <div class="card">
        <div id="post-calendar" class="card-content"></div>
    </div>
</div>

<script type="text/javascript" src="/libs/echarts/echarts.min.js"></script>
<script type="text/javascript">
    let myChart = echarts.init(document.getElementById('post-calendar'));

    

    let option = {
        title: {
            top: 0,
            text: '文章日历',
            left: 'center',
            textStyle: {
                color: '#3C4858'
            }
        },
        tooltip: {
            padding: 10,
            backgroundColor: '#555',
            borderColor: '#777',
            borderWidth: 1,
            formatter: function (obj) {
                var value = obj.value;
                return '<div style="font-size: 14px;">' + value[0] + '：' + value[1] + '</div>';
            }
        },
        visualMap: {
            show: true,
            showLabel: true,
            categories: [0, 1, 2, 3, 4],
            calculable: true,
            inRange: {
                symbol: 'rect',
                color: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127']
            },
            itemWidth: 12,
            itemHeight: 12,
            orient: 'horizontal',
            left: 'center',
            bottom: 0
        },
        calendar: [{
            left: 'center',
            range: ["2021-02-28", "2022-02-28"],
            cellSize: [13, 13],
            splitLine: {
                show: false
            },
            itemStyle: {
                color: '#196127',
                borderColor: '#fff',
                borderWidth: 2
            },
            yearLabel: {
                show: false
            },
            monthLabel: {
                nameMap: 'cn',
                fontSize: 11
            },
            dayLabel: {
                formatter: '{start}  1st',
                nameMap: 'cn',
                fontSize: 11
            }
        }],
        series: [{
            type: 'heatmap',
            coordinateSystem: 'calendar',
            calendarIndex: 0,
            data: [["2021-02-28", 0], ["2021-03-01", 0], ["2021-03-02", 0], ["2021-03-03", 0], ["2021-03-04", 0], ["2021-03-05", 0], ["2021-03-06", 0], ["2021-03-07", 0], ["2021-03-08", 0], ["2021-03-09", 0], ["2021-03-10", 0], ["2021-03-11", 0], ["2021-03-12", 0], ["2021-03-13", 0], ["2021-03-14", 0], ["2021-03-15", 0], ["2021-03-16", 0], ["2021-03-17", 0], ["2021-03-18", 0], ["2021-03-19", 0], ["2021-03-20", 0], ["2021-03-21", 0], ["2021-03-22", 0], ["2021-03-23", 0], ["2021-03-24", 0], ["2021-03-25", 0], ["2021-03-26", 0], ["2021-03-27", 0], ["2021-03-28", 0], ["2021-03-29", 0], ["2021-03-30", 0], ["2021-03-31", 0], ["2021-04-01", 0], ["2021-04-02", 0], ["2021-04-03", 0], ["2021-04-04", 0], ["2021-04-05", 0], ["2021-04-06", 0], ["2021-04-07", 0], ["2021-04-08", 0], ["2021-04-09", 0], ["2021-04-10", 0], ["2021-04-11", 0], ["2021-04-12", 0], ["2021-04-13", 0], ["2021-04-14", 0], ["2021-04-15", 0], ["2021-04-16", 0], ["2021-04-17", 0], ["2021-04-18", 0], ["2021-04-19", 0], ["2021-04-20", 0], ["2021-04-21", 0], ["2021-04-22", 0], ["2021-04-23", 0], ["2021-04-24", 0], ["2021-04-25", 0], ["2021-04-26", 0], ["2021-04-27", 0], ["2021-04-28", 0], ["2021-04-29", 0], ["2021-04-30", 0], ["2021-05-01", 0], ["2021-05-02", 0], ["2021-05-03", 0], ["2021-05-04", 0], ["2021-05-05", 0], ["2021-05-06", 0], ["2021-05-07", 0], ["2021-05-08", 0], ["2021-05-09", 0], ["2021-05-10", 0], ["2021-05-11", 0], ["2021-05-12", 0], ["2021-05-13", 0], ["2021-05-14", 0], ["2021-05-15", 0], ["2021-05-16", 0], ["2021-05-17", 0], ["2021-05-18", 0], ["2021-05-19", 0], ["2021-05-20", 0], ["2021-05-21", 0], ["2021-05-22", 0], ["2021-05-23", 0], ["2021-05-24", 0], ["2021-05-25", 0], ["2021-05-26", 0], ["2021-05-27", 0], ["2021-05-28", 0], ["2021-05-29", 0], ["2021-05-30", 0], ["2021-05-31", 0], ["2021-06-01", 0], ["2021-06-02", 0], ["2021-06-03", 0], ["2021-06-04", 0], ["2021-06-05", 0], ["2021-06-06", 0], ["2021-06-07", 0], ["2021-06-08", 0], ["2021-06-09", 0], ["2021-06-10", 0], ["2021-06-11", 0], ["2021-06-12", 0], ["2021-06-13", 0], ["2021-06-14", 0], ["2021-06-15", 0], ["2021-06-16", 0], ["2021-06-17", 0], ["2021-06-18", 0], ["2021-06-19", 0], ["2021-06-20", 0], ["2021-06-21", 0], ["2021-06-22", 0], ["2021-06-23", 0], ["2021-06-24", 0], ["2021-06-25", 0], ["2021-06-26", 0], ["2021-06-27", 0], ["2021-06-28", 0], ["2021-06-29", 0], ["2021-06-30", 0], ["2021-07-01", 0], ["2021-07-02", 0], ["2021-07-03", 0], ["2021-07-04", 0], ["2021-07-05", 0], ["2021-07-06", 0], ["2021-07-07", 0], ["2021-07-08", 0], ["2021-07-09", 0], ["2021-07-10", 0], ["2021-07-11", 0], ["2021-07-12", 0], ["2021-07-13", 0], ["2021-07-14", 0], ["2021-07-15", 0], ["2021-07-16", 0], ["2021-07-17", 0], ["2021-07-18", 0], ["2021-07-19", 0], ["2021-07-20", 0], ["2021-07-21", 0], ["2021-07-22", 0], ["2021-07-23", 0], ["2021-07-24", 0], ["2021-07-25", 0], ["2021-07-26", 0], ["2021-07-27", 0], ["2021-07-28", 0], ["2021-07-29", 0], ["2021-07-30", 0], ["2021-07-31", 0], ["2021-08-01", 0], ["2021-08-02", 0], ["2021-08-03", 0], ["2021-08-04", 0], ["2021-08-05", 0], ["2021-08-06", 0], ["2021-08-07", 0], ["2021-08-08", 0], ["2021-08-09", 0], ["2021-08-10", 0], ["2021-08-11", 0], ["2021-08-12", 0], ["2021-08-13", 0], ["2021-08-14", 0], ["2021-08-15", 0], ["2021-08-16", 0], ["2021-08-17", 0], ["2021-08-18", 0], ["2021-08-19", 0], ["2021-08-20", 0], ["2021-08-21", 0], ["2021-08-22", 0], ["2021-08-23", 0], ["2021-08-24", 0], ["2021-08-25", 0], ["2021-08-26", 0], ["2021-08-27", 0], ["2021-08-28", 0], ["2021-08-29", 0], ["2021-08-30", 0], ["2021-08-31", 0], ["2021-09-01", 0], ["2021-09-02", 0], ["2021-09-03", 0], ["2021-09-04", 0], ["2021-09-05", 0], ["2021-09-06", 0], ["2021-09-07", 0], ["2021-09-08", 0], ["2021-09-09", 0], ["2021-09-10", 0], ["2021-09-11", 0], ["2021-09-12", 0], ["2021-09-13", 0], ["2021-09-14", 0], ["2021-09-15", 0], ["2021-09-16", 0], ["2021-09-17", 0], ["2021-09-18", 0], ["2021-09-19", 0], ["2021-09-20", 0], ["2021-09-21", 0], ["2021-09-22", 0], ["2021-09-23", 0], ["2021-09-24", 0], ["2021-09-25", 0], ["2021-09-26", 0], ["2021-09-27", 0], ["2021-09-28", 0], ["2021-09-29", 0], ["2021-09-30", 0], ["2021-10-01", 0], ["2021-10-02", 0], ["2021-10-03", 0], ["2021-10-04", 0], ["2021-10-05", 0], ["2021-10-06", 0], ["2021-10-07", 0], ["2021-10-08", 0], ["2021-10-09", 0], ["2021-10-10", 0], ["2021-10-11", 0], ["2021-10-12", 0], ["2021-10-13", 0], ["2021-10-14", 0], ["2021-10-15", 0], ["2021-10-16", 0], ["2021-10-17", 0], ["2021-10-18", 0], ["2021-10-19", 0], ["2021-10-20", 0], ["2021-10-21", 0], ["2021-10-22", 0], ["2021-10-23", 0], ["2021-10-24", 0], ["2021-10-25", 0], ["2021-10-26", 0], ["2021-10-27", 0], ["2021-10-28", 0], ["2021-10-29", 0], ["2021-10-30", 0], ["2021-10-31", 0], ["2021-11-01", 0], ["2021-11-02", 0], ["2021-11-03", 0], ["2021-11-04", 0], ["2021-11-05", 0], ["2021-11-06", 0], ["2021-11-07", 0], ["2021-11-08", 0], ["2021-11-09", 0], ["2021-11-10", 0], ["2021-11-11", 0], ["2021-11-12", 0], ["2021-11-13", 0], ["2021-11-14", 0], ["2021-11-15", 0], ["2021-11-16", 0], ["2021-11-17", 0], ["2021-11-18", 0], ["2021-11-19", 0], ["2021-11-20", 0], ["2021-11-21", 0], ["2021-11-22", 0], ["2021-11-23", 0], ["2021-11-24", 0], ["2021-11-25", 0], ["2021-11-26", 0], ["2021-11-27", 0], ["2021-11-28", 0], ["2021-11-29", 0], ["2021-11-30", 0], ["2021-12-01", 0], ["2021-12-02", 0], ["2021-12-03", 0], ["2021-12-04", 0], ["2021-12-05", 0], ["2021-12-06", 0], ["2021-12-07", 0], ["2021-12-08", 0], ["2021-12-09", 0], ["2021-12-10", 0], ["2021-12-11", 0], ["2021-12-12", 0], ["2021-12-13", 0], ["2021-12-14", 3], ["2021-12-15", 0], ["2021-12-16", 1], ["2021-12-17", 0], ["2021-12-18", 0], ["2021-12-19", 0], ["2021-12-20", 0], ["2021-12-21", 0], ["2021-12-22", 0], ["2021-12-23", 0], ["2021-12-24", 0], ["2021-12-25", 0], ["2021-12-26", 0], ["2021-12-27", 0], ["2021-12-28", 0], ["2021-12-29", 0], ["2021-12-30", 0], ["2021-12-31", 0], ["2022-01-01", 0], ["2022-01-02", 0], ["2022-01-03", 0], ["2022-01-04", 0], ["2022-01-05", 0], ["2022-01-06", 0], ["2022-01-07", 0], ["2022-01-08", 0], ["2022-01-09", 0], ["2022-01-10", 0], ["2022-01-11", 0], ["2022-01-12", 0], ["2022-01-13", 0], ["2022-01-14", 0], ["2022-01-15", 0], ["2022-01-16", 0], ["2022-01-17", 0], ["2022-01-18", 0], ["2022-01-19", 0], ["2022-01-20", 0], ["2022-01-21", 0], ["2022-01-22", 0], ["2022-01-23", 0], ["2022-01-24", 0], ["2022-01-25", 0], ["2022-01-26", 0], ["2022-01-27", 0], ["2022-01-28", 0], ["2022-01-29", 0], ["2022-01-30", 0], ["2022-01-31", 0], ["2022-02-01", 0], ["2022-02-02", 0], ["2022-02-03", 0], ["2022-02-04", 0], ["2022-02-05", 0], ["2022-02-06", 0], ["2022-02-07", 0], ["2022-02-08", 0], ["2022-02-09", 1], ["2022-02-10", 0], ["2022-02-11", 0], ["2022-02-12", 0], ["2022-02-13", 0], ["2022-02-14", 0], ["2022-02-15", 0], ["2022-02-16", 0], ["2022-02-17", 0], ["2022-02-18", 0], ["2022-02-19", 0], ["2022-02-20", 0], ["2022-02-21", 0], ["2022-02-22", 0], ["2022-02-23", 0], ["2022-02-24", 0], ["2022-02-25", 0], ["2022-02-26", 0], ["2022-02-27", 10], ["2022-02-28", 0]]
        }]

    };

    myChart.setOption(option);
</script>

    

    

    <div id="cd-timeline" class="container">
        
        <div class="cd-timeline-block">

            
            
            
            <div class="cd-timeline-img year" data-aos="zoom-in-up">
                <a href="/archives/2021">2021</a>
            </div>
            

            
            
            
            <div class="cd-timeline-img month" data-aos="zoom-in-up">
                <a href="/archives/2021/12">12</a>
            </div>
            

            
            <div class="cd-timeline-img day" data-aos="zoom-in-up">
                <span>16</span>
            </div>
            <article class="cd-timeline-content">
                <div class="article col s12 m6">
                    <div class="card">
                        <a href="/posts/itsneko-opensource-blog.html">
                            <div class="card-image">
                                
                                <img src="/medias/toc-banner/aboutme.JPG" class="responsive-img" alt="关于itsNeko开源博客食用方法">
                                
                                <span class="card-title">
                                  <!-- 文章卡片hover线条效果 -->
                                  <span class="titlesline">
                                    <style>
                                      .titlesline {
                                        width: 0px;
                                        height: 4px;
                                        background-color: pink;
                                        border-radius: 2px;
                                        position: absolute;
                                        top: 10px;
                                        left: 24px;
                                      }
                                      body.dark .titlesline {
                                        filter: brightness(.7);
                                      }
                                      article .card .titlesline {
                                        transition: all 0.36s ease;
                                      }
                                      article .card-image:hover .titlesline {
                                        width: 36px;
                                      }
                                    </style>
                                  </span>
                                  关于itsNeko开源博客食用方法
                                </span>
                            </div>
                        </a>
                        <div class="card-content article-content">
                            <div class="summary block-with-text">
                                
                                    前言：本文是关于itsNeko开源博客食用方法详解，感谢使用本开源博客。时间过的好快，还好我都记录下来了。

itsNeko开源介绍
基于itsNeko开源博客是基于Hexo博客Matery主题魔改，感谢各位对本博客的喜爱与支持。
作者He
                                
                            </div>
                            <div class="publish-info">
                                <span class="publish-date">
                                    <i class="far fa-clock fa-fw icon-date"></i>2021-12-16
                                </span>
                                <span class="publish-author">
                                    
                                    <i class="fas fa-bookmark fa-fw icon-category"></i>
                                    
                                    <a href="/categories/itsNeko%E5%8D%9A%E5%AE%A2%E9%A3%9F%E7%94%A8%E6%96%B9%E6%B3%95/" class="post-category">
                                    itsNeko博客食用方法
                                    </a>
                                    
                                    
                                </span>
                            </div>
                        </div>

                        
                        <div class="card-action article-tags">
                            
                            <a href="/tags/%E5%85%B3%E4%BA%8EitsNeko%E5%BC%80%E6%BA%90%E5%8D%9A%E5%AE%A2/"><span class="chip bg-color">关于itsNeko开源博客</span></a>
                            
                        </div>
                        
                    </div>
                </div>
            </article>
        </div>
        
        <div class="cd-timeline-block">

            
            

            
            

            
            <div class="cd-timeline-img day" data-aos="zoom-in-up">
                <span>14</span>
            </div>
            <article class="cd-timeline-content">
                <div class="article col s12 m6">
                    <div class="card">
                        <a href="/posts/git.html">
                            <div class="card-image">
                                
                                <img src="/medias/toc-banner/suibi1.jpg" class="responsive-img" alt="git学习笔记">
                                
                                <span class="card-title">
                                  <!-- 文章卡片hover线条效果 -->
                                  <span class="titlesline">
                                    <style>
                                      .titlesline {
                                        width: 0px;
                                        height: 4px;
                                        background-color: pink;
                                        border-radius: 2px;
                                        position: absolute;
                                        top: 10px;
                                        left: 24px;
                                      }
                                      body.dark .titlesline {
                                        filter: brightness(.7);
                                      }
                                      article .card .titlesline {
                                        transition: all 0.36s ease;
                                      }
                                      article .card-image:hover .titlesline {
                                        width: 36px;
                                      }
                                    </style>
                                  </span>
                                  git学习笔记
                                </span>
                            </div>
                        </a>
                        <div class="card-content article-content">
                            <div class="summary block-with-text">
                                
                                    git常用指令的学习1、设置全局用户名：git config --global user.name xxx 信息记录在~/.gitconfig文件中
2、设置全局邮箱地址：git config --global user.email xxx
                                
                            </div>
                            <div class="publish-info">
                                <span class="publish-date">
                                    <i class="far fa-clock fa-fw icon-date"></i>2021-12-14
                                </span>
                                <span class="publish-author">
                                    
                                    <i class="fas fa-bookmark fa-fw icon-category"></i>
                                    
                                    <a href="/categories/%E6%8A%80%E6%9C%AF/" class="post-category">
                                    技术
                                    </a>
                                    
                                    
                                </span>
                            </div>
                        </div>

                        
                        <div class="card-action article-tags">
                            
                            <a href="/tags/%E6%8A%80%E6%9C%AF/"><span class="chip bg-color">技术</span></a>
                            
                        </div>
                        
                    </div>
                </div>
            </article>
        </div>
        
        <div class="cd-timeline-block">

            
            

            
            

            
            <div class="cd-timeline-img day" data-aos="zoom-in-up">
                <span>14</span>
            </div>
            <article class="cd-timeline-content">
                <div class="article col s12 m6">
                    <div class="card">
                        <a href="/posts/articletemplate.html">
                            <div class="card-image">
                                
                                <img src="/medias/toc-banner/suibi1.jpg" class="responsive-img" alt="这是技术文章模板">
                                
                                <span class="card-title">
                                  <!-- 文章卡片hover线条效果 -->
                                  <span class="titlesline">
                                    <style>
                                      .titlesline {
                                        width: 0px;
                                        height: 4px;
                                        background-color: pink;
                                        border-radius: 2px;
                                        position: absolute;
                                        top: 10px;
                                        left: 24px;
                                      }
                                      body.dark .titlesline {
                                        filter: brightness(.7);
                                      }
                                      article .card .titlesline {
                                        transition: all 0.36s ease;
                                      }
                                      article .card-image:hover .titlesline {
                                        width: 36px;
                                      }
                                    </style>
                                  </span>
                                  这是技术文章模板
                                </span>
                            </div>
                        </a>
                        <div class="card-content article-content">
                            <div class="summary block-with-text">
                                
                                    前言，技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言。

标题
项目1
项目2
项目3

正文正文正文正文正文正文正文正文正文正文
                                
                            </div>
                            <div class="publish-info">
                                <span class="publish-date">
                                    <i class="far fa-clock fa-fw icon-date"></i>2021-12-14
                                </span>
                                <span class="publish-author">
                                    
                                    <i class="fas fa-bookmark fa-fw icon-category"></i>
                                    
                                    <a href="/categories/%E6%8A%80%E6%9C%AF/" class="post-category">
                                    技术
                                    </a>
                                    
                                    
                                </span>
                            </div>
                        </div>

                        
                        <div class="card-action article-tags">
                            
                            <a href="/tags/%E6%8A%80%E6%9C%AF/"><span class="chip bg-color">技术</span></a>
                            
                        </div>
                        
                    </div>
                </div>
            </article>
        </div>
        
        <div class="cd-timeline-block">

            
            

            
            

            
            <div class="cd-timeline-img day" data-aos="zoom-in-up">
                <span>14</span>
            </div>
            <article class="cd-timeline-content">
                <div class="article col s12 m6">
                    <div class="card">
                        <a href="/posts/alexnet.html">
                            <div class="card-image">
                                
                                <img src="/medias/toc-banner/suibi1.jpg" class="responsive-img" alt="Alexnet学习笔记">
                                
                                <span class="card-title">
                                  <!-- 文章卡片hover线条效果 -->
                                  <span class="titlesline">
                                    <style>
                                      .titlesline {
                                        width: 0px;
                                        height: 4px;
                                        background-color: pink;
                                        border-radius: 2px;
                                        position: absolute;
                                        top: 10px;
                                        left: 24px;
                                      }
                                      body.dark .titlesline {
                                        filter: brightness(.7);
                                      }
                                      article .card .titlesline {
                                        transition: all 0.36s ease;
                                      }
                                      article .card-image:hover .titlesline {
                                        width: 36px;
                                      }
                                    </style>
                                  </span>
                                  Alexnet学习笔记
                                </span>
                            </div>
                        </a>
                        <div class="card-content article-content">
                            <div class="summary block-with-text">
                                
                                    使用深度卷积神经网络对图像进行分类

ImageNet Classification with Deep Convolutional Neural Networks使用深度卷积神经网络对图像进行分类
Alex Krizhevsky Univ
                                
                            </div>
                            <div class="publish-info">
                                <span class="publish-date">
                                    <i class="far fa-clock fa-fw icon-date"></i>2021-12-14
                                </span>
                                <span class="publish-author">
                                    
                                    <i class="fas fa-bookmark fa-fw icon-category"></i>
                                    
                                    <a href="/categories/%E6%8A%80%E6%9C%AF/" class="post-category">
                                    技术
                                    </a>
                                    
                                    
                                </span>
                            </div>
                        </div>

                        
                        <div class="card-action article-tags">
                            
                            <a href="/tags/%E6%8A%80%E6%9C%AF/"><span class="chip bg-color">技术</span></a>
                            
                        </div>
                        
                    </div>
                </div>
            </article>
        </div>
        
    </div>

</main>




    <style>
  footer {
    position: relative;
  }

  .page-footer {
    padding-top: 10px;
    padding-bottom: 10px;
  }
</style>
<footer class="page-footer bg-color">
  
  <link rel="stylesheet" href="/libs/aplayer/APlayer.min.css">
<style>
    .aplayer .aplayer-lrc p {
        
        font-size: 12px;
        font-weight: 700;
        line-height: 16px !important;
    }

    .aplayer .aplayer-lrc p.aplayer-lrc-current {
        
        font-size: 15px;
        color: #42b983;
    }

    
    .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
        left: -66px !important;
    }

    .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
        left: 0px !important;
    }

    
</style>
<div class="">
    
    <div class="row">
        <meting-js class="hidess col l8 offset-l2 m10 offset-m1 s12"
                   server="netease"
                   type="playlist"
                   id="3155294100"
                   fixed='true'
                   autoplay='false'
                   theme='#42b983'
                   loop='all'
                   order='list'
                   preload='auto'
                   volume='0.7'
                   list-folded='true'
        >
        </meting-js>
        <style>
            .hidess .aplayer-lrc {
                display: none!important;
            }
        </style>
    </div>
</div>

<script src="/libs/aplayer/APlayer.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>

  

  <div class="container row center-align"
    style="margin-bottom: 15px !important;">
    <!-- 访客地图 -->
    <div class="col s12 m3 l3 social-link" id="visitmap">
      <a target="_blank" rel="noopener" href="https://clustrmaps.com/site/1bd51" title="访客地图"><img src="/medias/map-visit.png" /></a>
    </div>
    <!-- 版权信息 -->
    <div class="col s12 m6 l6 copy-right">
      Copyright&nbsp;&copy;
      <span id="year">2021</span>
      <a href="/about" target="_blank">韩其凯</a>
      &nbsp;Powered by&nbsp;<a href="https://hexo.io/" target="_blank">Hexo</a>
      &nbsp;Theme&nbsp;<a href="https://github.com/nekodeng/hexo-theme-itsneko" target="_blank">itsNeko</a>
      <br>

      
      &nbsp;<i class="fas fa-chart-area"></i>&nbsp;Total number of words: &nbsp;<span
        class="white-color">22.6k</span>&nbsp;
      
      
      
      
      
      
      <span id="busuanzi_container_site_pv">
        <i class="far"></i>Total access: &nbsp;<span id="busuanzi_value_site_pv" class="white-color"></span>&nbsp;
      </span>
      
      
      <span id="busuanzi_container_site_uv">
        <i class="fas"></i>Total visits: &nbsp;<span id="busuanzi_value_site_uv" class="white-color"></span>&nbsp;
      </span>
      
      <br>
      
      <span id="sitetime">running time</span>
      <script>
        function siteTime() {
          var seconds = 1000;
          var minutes = seconds * 60;
          var hours = minutes * 60;
          var days = hours * 24;
          var years = days * 365;
          var today = new Date();
          var startYear = "2021";
          var startMonth = "12";
          var startDate = "16";
          var startHour = "0";
          var startMinute = "0";
          var startSecond = "0";
          var todayYear = today.getFullYear();
          var todayMonth = today.getMonth() + 1;
          var todayDate = today.getDate();
          var todayHour = today.getHours();
          var todayMinute = today.getMinutes();
          var todaySecond = today.getSeconds();
          var t1 = Date.UTC(startYear, startMonth, startDate, startHour, startMinute, startSecond);
          var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond);
          var diff = t2 - t1;
          var diffYears = Math.floor(diff / years);
          var diffDays = Math.floor((diff / days) - diffYears * 365);
          var diffHours = Math.floor((diff - (diffYears * 365 + diffDays) * days) / hours);
          var diffMinutes = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours) /
            minutes);
          var diffSeconds = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours -
            diffMinutes * minutes) / seconds);
          if (startYear == todayYear) {
            document.getElementById("year").innerHTML = todayYear;
            document.getElementById("sitetime").innerHTML = "The site has been running for " +
              "<span class= 'white-color'>" + diffDays + "</span>" + " d " + "<span class= 'white-color'>" + diffHours +
              "</span>" +
              " h " + "<span class= 'white-color'>" + diffMinutes + "</span>" + " m " + "<span class= 'white-color'>" +
              diffSeconds + "</span>" + " s";
          } else {
            document.getElementById("year").innerHTML = startYear + " - " + todayYear;
            document.getElementById("sitetime").innerHTML = "The site has been running for " +
              "<span class= 'white-color'>" + diffYears + "</span>" + " y " + "<span class= 'white-color'>" + diffDays +
              "</span>" +
              " d " + "<span class= 'white-color'>" + diffHours + "</span>" + " h " + "<span class= 'white-color'>" +
              diffMinutes + "</span>" + " m " + "<span class= 'white-color'>" + diffSeconds + "</span>" + " s";
          }
        }
        setInterval(siteTime, 1000);
      </script>
      
      <br>
      
      <span id="icp">
        <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">
          <img src="/medias/icp.png"
            style="vertical-align: text-bottom;width: 16px;height: 16px;" />
          鲁ICP备20014959号-1
        </a>
      </span>
      
    </div>
    <div class="col s12 m3 l3 social-link social-statis">
    <a href="https://github.com/hanqikai" class="tooltipped" target="_blank" data-tooltip="GitHub" data-position="top" data-delay="50">
        <i class="fab fa-github"></i>
    </a>



    <a href="mailto:hhanqikai@163.com" class="tooltipped" target="_blank" data-tooltip="nekodeng@qq.com" data-position="top" data-delay="50">
        <i class="fas fa-envelope-open"></i>
    </a>



    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2477756486" class="tooltipped" target="_blank" data-tooltip="2477756486" data-position="top" data-delay="50">
        <i class="fab fa-qq"></i>
    </a>



</div>
  </div>
  <!-- 波浪条waveline -->
  <div class="wavelinefooter">
    <style>
      .wavelinefooter {
        background: url(/medias/wave.png) 0 0 repeat-x;
        height: 3px;
        width: 100%;
        position: absolute;
        left: 0;
        top: -3px;
        background-size: 10px 3px;
      }
    </style>
  </div>
</footer>

<!-- 底部进度条 -->
<div class="progress-bar" style="z-index: 999"></div>


    <!-- 搜索遮罩框 -->
<style>
#searchInput::-webkit-input-placeholder { /* WebKit browsers */ 
    font-size:16px;
} 
#searchInput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    font-size:16px;
} 
#searchInput::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    font-size:16px;
} 
#searchInput:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    font-size:16px;
} 
#searchInput {
    margin-top: 6px;
    margin-bottom: 12px;
    text-indent: 4px;
    font-size: 14px;
}
</style>
<div id="searchModal" class="modal">
    <div class="modal-content">
        <div class="search-header">
            <span class="title"><i class="fas fa-search"></i>&nbsp;&nbsp;站内搜索</span>
            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
                   class="search-input" autofocus="autofocus" />
        </div>
        <div id="searchResult"></div>
    </div>
</div>

<script src="/js/search.js"></script>
<script type="text/javascript">
$(function () {
    searchFunc("/search.xml", 'searchInput', 'searchResult');
});
</script>

<!-- 点击搜索按钮后input框自动获取焦点 -->


    <!-- 回到顶部按钮 -->
<div id="backTop" class="top-scroll">
    <a class="btn-floating btn-large waves-effect waves-light" href="javascript(0)">
        <i class="fas fa-arrow-up"></i>
    </a>
</div>


    <script src="/libs/materialize/materialize.min.js"></script>
    <script src="/libs/masonry/masonry.pkgd.min.js"></script>
    <script src="/libs/aos/aos.js"></script>
    <script src="/libs/scrollprogress/scrollProgress.min.js"></script>
    <script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
    <script src="/js/matery.js"></script>
    
    <!-- Baidu Analytics -->

    <!-- Baidu Push -->

<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

    
    
    <script async src="/libs/others/busuanzi.pure.mini.js"></script>
    

    

    

    

    

    

    
    <script src="/libs/instantpage/instantpage.js" type="module"></script>
    

    <!--动态线条背景-->
    <script type="text/javascript" color="122 103 158" opacity='0.12' zIndex="-2" count="100" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js">
    </script>
 
    <script type="text/javascript" src="/js/click_show_text.js"></script>
    <script src="/js/linkcard.js"></script>

    <script src="/js/activate-power-mode.js"></script>
    <script>
        POWERMODE.colorful = true; // make power mode colorful
        POWERMODE.shake = false; // turn off shake
        document.body.addEventListener('input', POWERMODE);
    </script>

    <!-- 百度统计代码 -->
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
    </script>

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

    <!----------节日判断,进行网站修饰，比如春节圣诞或变灰色的清明等----- -->
    <script>
        // 判断今天是哪个节假日或特殊纪念日进行网站修饰，比如春节圣诞或变灰色的清明等
        var curMonth = new Date().getMonth() + 1; //月
        var curDate = new Date().getDate(); //日
        function cancelguajian() {
            // 判断如果是变灰色的纪念日则将小挂件隐藏
            var guajianone = document.getElementsByClassName('caishendeng');
            var guajiantwo = document.getElementsByClassName('labelmz');
            var guajianthree = document.getElementsByClassName('friendmz');
            var denglong = document.getElementsByClassName('denglong');
            for(var i = 0; i < guajianone.length; i++) {
                guajianone[i].style.display = "none"
            };
            for(var j = 0; j < guajiantwo.length; j++) {
                guajiantwo[j].style.display = "none"
            }
            for(var k = 0; k < guajianthree.length; k++) {
                guajianthree[k].style.display = "none"
            };
            for(var x = 0; x < denglong.length; x++) {
                denglong[x].style.display = "none"
            };
            document.getElementById('switchchristmas').style.display = "none";
            document.getElementById('switchspring').style.display = "none";
            document.getElementById('xiaomaozitx').style.display = "none";
        }
        // --------------以下节日为公历，每年固定--------------
        if(curMonth == 1 && curDate == 1) {
            // 1月1日为元旦节
            document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "快乐";
            document.getElementById('dttwo').innerHTML = "元旦";
        }
        else if(curMonth == 9 && curDate == 29) {
            // 9月30日为全国烈士纪念日，设在国庆前一天
            document.getElementsByTagName('html')[0].classList.add('gray');
            document.getElementById('popupbb').style.display = "block";
            document.getElementById('jinianci').innerHTML = "今天是“ 9月30日 ”，“ 全国烈士纪念日 ”。定为每年的9月30日,正好是国庆前一天,让全国人民永远不要忘记先有无数先烈的前赴后继、奋勇献身,才有我们国家今天的繁荣富强、文明进步。"
            document.getElementById('switchchristmas').style.display = "none";
            document.getElementById('switchspring').style.display = "none";
            // document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "缅怀";
            document.getElementById('dttwo').innerHTML = "烈士";
            cancelguajian();
        }
        // 10月1日为国庆节
        else if(
          curMonth == 10 && curDate == 1
          || curMonth == 10 && curDate == 2
          || curMonth == 10 && curDate == 3
          || curMonth == 10 && curDate == 4
          || curMonth == 10 && curDate == 5
          || curMonth == 10 && curDate == 6
          || curMonth == 10 && curDate == 7) {
            document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "欢度";
            document.getElementById('dttwo').innerHTML = "国庆";
            document.getElementById('index-video').src = "https://txmov2.a.yximgs.com/upic/2021/09/30/15/BMjAyMTA5MzAxNTE5MDhfMTg1ODk2MDg4N181ODA5MjQ1NDkyMV8xXzM=_b_Bef514871cf947c46c11bc54a3ed3faa9.mp4?pkey=AAWo-kOQESq9j_AMCO-BT6jTPS090PuVHWtyuSQ8cddkgMmI3V-P9uWMDY13QrPuCjtWVbch_01wRcj6Rtm5w0AkLhgVTMSceLLiRYjlWUfLDNNLX3jISKEscl9uNXUnYcM&tag=1-1632986688-xpcwebprofile-0-ongrobirtl-58c917acab52d13f&clientCacheKey=3xajcj9u8fubzm4_b.mp4";
            document.getElementById('popupbb').style.display = "block"
            document.getElementById('tujis').style.display = "block";
            // document.getElementById('fights').style.display = "none";
            document.getElementById('jinianci').style.textAlign = "center";
            document.getElementById('jinianci').innerHTML = "《 国庆日🚩》<br> 十月惊雷震九重，国富民强聩耳聋。<br>城头城下聚农工，神州处处花潮涌。<br>而今白鹿奋清风，山长水远不知踪。"
          }
        else if(curMonth == 12 && curDate == 13) {
            // 12月13日为国家公祭日
            document.getElementsByTagName('html')[0].classList.add('gray');
            // document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "国家";
            document.getElementById('dttwo').innerHTML = "公祭";
            document.getElementById('jinianci').innerHTML = "今天是 “ 12月13日 ”，南京大屠杀死难者 “ 国家公祭日 ”。国行公祭，法立典章。铸兹宝鼎，祀我国殇。永矢弗谖，祈愿和平。中华圆梦，民族复兴。";
            document.getElementById('popupbb').style.display = "block";
            document.getElementById('switchchristmas').style.display = "none";
            document.getElementById('switchspring').style.display = "none";
            cancelguajian();
        }

        else if(curMonth == 5 && curDate == 22) {
            // 2021年5月22日袁隆平院士逝世，云南大理发生6级地震
            document.getElementsByTagName('html')[0].classList.add('gray');
            document.body.classList.add('dark');
            // document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "地震";
            document.getElementById('dttwo').innerHTML = "袁老";
            document.getElementById('jinianci').innerHTML = "今天是 “ 2021年5月22日 ”，杂交水稻之父、共和国勋章获得者袁隆平逝世，享年91岁，记忆中您还是小学课本里的爷爷形象，.......还有21日晚云南大理州遭受地震的大家，要好好地...";
            document.getElementById('popupbb').style.display = "block";
            document.getElementById('switchchristmas').style.display = "none";
            document.getElementById('switchspring').style.display = "none";
            cancelguajian();
        }

        else if(curMonth == 12 && curDate == 25) {
            // 12月25日为圣诞节
            document.body.classList.add('themechris');
        }
        // --------------以下节日为农历，每年不固定--------------
        else if(curMonth == 4 && curDate == 4) {
            // 2021年4月4日为清明节
            document.getElementsByTagName('html')[0].classList.add('gray');
            document.getElementById('switchchristmas').style.display = "none";
            document.getElementById('switchspring').style.display = "none";
            document.getElementById('popupbb').style.display = "block";
            document.getElementById('jinianci').innerHTML = "今天是“ 4月4日 ”，“ 清明节 ”，正是郊外踏青春游与行清墓祭的好时节。燕子来时新社,梨花落后清明。"
            // document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "安康";
            document.getElementById('dttwo').innerHTML = "清明";
            cancelguajian();
        }
        else if(curMonth == 1 && curDate == 31) {
            // 2021春节除夕为1月31日
            document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "快乐";
            document.getElementById('dttwo').innerHTML = "除夕";
        }
        else if(curMonth == 2) {
            // 2021春节为2月1日开始
            document.body.classList.add('themespring');
        }
        else if(curMonth == 6 && curDate == 14) {
            // 2021端午节为6月14日
            document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "安康";
            document.getElementById('dttwo').innerHTML = "端午";
        }
        else if(curMonth == 9 && curDate == 21) {
            // 2021中秋节为9月21日
            document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "团圆";
            document.getElementById('dttwo').innerHTML = "中秋";
        }
    </script>

    <!-- 实现tab切换点击标题显示下划线和颜色改变效果 -->
    <script>
        $(function () {
            var nowUrl = window.location.href
            var homeTab = $('nav ul li a[href="/"] span'),
                cateTab = $('nav ul li a[href="/categories"] span'),
                recordTab = $('nav ul li a[href="/record"] span'),
                tagsTab = $('nav ul li a[href="/tags"] span'),
                archivesTab = $('nav ul li a[href="/archives"] span'),
                countTab = $('nav ul li a[href="/count"] span'),
                aboutTab = $('nav ul li a[href="/about"] span'),
                videoTab = $('nav ul li a[href="/videos"] span'),
                musicTab = $('nav ul li a[href="/musics"] span'),
                galleryTab = $('nav ul li a[href="/gallery"] span'),
                essayTab = $('nav ul li a[href="/essay"] span'),
                booksTab = $('nav ul li a[href="/books"] span'),
                tiktokTab = $('nav ul li a[href="/tiktok"] span'),
                contactTab = $('nav ul li a[href="/contact"] span'),
                friendsTab = $('nav ul li a[href="/friends"] span'),
                collectionTab = $('nav ul li a[href="/collection"] span'),
                projectTab = $('nav ul li a[href="/project"] span'),
                donateTab = $('nav ul li a[href="/donate"] span'),
                olympusTab = $('nav ul li a[href="/olympus"] span'),
                lakersTab = $('nav ul li a[href="/lakers-championship"] span'),
                hotreviewTab = $('nav ul li a[href="/hotreview"] span'),
                ticktackTab = $('nav ul li a[href="/ticktack"] span'),
                friendcircleTab = $('nav ul li a[href="/friendcircle"] span'),
                chromedragonTab = $('nav ul li a[href="/chromedragon"] span'),
                voteTab = $('nav ul li a[href="/vote"] span'),
                // 获取二级菜单项
                achivesTab = $('nav .nav-menu .nav-item:nth-of-type(3) > a > span'),
                qingdanTab = $('nav .nav-menu .nav-item:nth-of-type(5) > a > span'),
                linksTab = $('nav .nav-menu .nav-item:nth-of-type(7) > a > span'),
                labTab = $('nav .nav-menu .nav-item:nth-of-type(8) > a > span');

            if(nowUrl.indexOf("categories") >= 0) {
                cateTab.addClass("aitems")
            } else if (nowUrl.indexOf("posts") >= 0) {
                homeTab.removeClass("aitems")
            } else if (nowUrl.indexOf("record") >= 0) {
                recordTab.addClass("aitems")
                achivesTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("tags") >= 0) {
                tagsTab.addClass("aitems")
                achivesTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("archives") >= 0) {
                archivesTab.addClass("aitems")
                achivesTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("count") >= 0) {
                countTab.addClass("aitems")
                achivesTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("videos") >= 0) {
                videoTab.addClass("aitems")
                qingdanTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("musics") >= 0) {
                musicTab.addClass("aitems")
                qingdanTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("gallery") >= 0) {
                galleryTab.addClass("aitems")
                qingdanTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("essay") >= 0) {
                essayTab.addClass("aitems")
                qingdanTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("books") >= 0) {
                booksTab.addClass("aitems")
                qingdanTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("tiktok") >= 0) {
                tiktokTab.addClass("aitems")
                qingdanTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("contact") >= 0) {
                contactTab.addClass("aitems")
            } else if (nowUrl.indexOf("about") >= 0) {
                aboutTab.addClass("aitems")
            } else if (nowUrl.indexOf("friends") >= 0) {
                friendsTab.addClass("aitems")
                linksTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("collection") >= 0) {
                collectionTab.addClass("aitems")
                linksTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("project") >= 0) {
                projectTab.addClass("aitems")
                linksTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("donate") >= 0) {
                donateTab.addClass("aitems")
                linksTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("olympus") >= 0) {
                olympusTab.addClass("aitems")
                linksTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("lakers-championship") >= 0) {
                lakersTab.addClass("aitems")
                linksTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("hotreview") >= 0) {
                hotreviewTab.addClass("aitems")
                labTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("ticktack") >= 0) {
                ticktackTab.addClass("aitems")
                labTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("friendcircle") >= 0) {
                friendcircleTab.addClass("aitems")
                labTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("chromedragon") >= 0) {
                chromedragonTab.addClass("aitems")
                labTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("vote") >= 0) {
                voteTab.addClass("aitems")
                labTab.addClass("erjiitems")
            } 
            else {
                homeTab.addClass("aitems")
            }
        });
    </script>
</body>
</html>
